<!DOCTYPE html>
<!-- saved from url=(0053)file:///C:/Users/zhang/OneDrive/boot/xz/products.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./Document_files/bootstrap.css">
  <link rel="stylesheet" href="./Document_files/base.css">
  <link rel="stylesheet" href="./Document_files/header.css">
  <link rel="stylesheet" href="./Document_files/products.css">
  <link rel="stylesheet" href="./Document_files/footer.css">
</head>
<body>
  <header id="header" class="container mb-4">
  </header>
  <main id="main" class="container">
    <div class="pb-2 text-center">
      <img class="d-block mx-auto mb-4 w-100" src="./Document_files/index_guild.png">
    </div>
    <div class="row">
      <div class="col-md-9">
        <h5 class="mb-3 p-2 text-muted">笔记本电脑</h5>
        <div class="row bg-white ml-1 mr-1 pt-1">
          <div class="col-md-4">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="file:///C:/Users/zhang/OneDrive/boot/xz/product_details.html?lid=1">
                <img class="card-img-top" alt="Thumbnail [100%x225]" src="./Document_files/57b12a31N8f4f75a3.jpg" data-holder-rendered="true">
              </a>
              <div class="card-body">
                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                <div class="d-flex justify-content-between align-items-center">
                  <div class="btn-group">
                    <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                  </div>
                  <small class="text-muted">9 mins</small>
                </div>
              </div>
            </div>
          </div>
          <div class="product" id="1">
            <a href="file:///C:/Users/zhang/OneDrive/boot/xz/product_details.html?lid=1"><img src="./Document_files/57b12a31N8f4f75a3.jpg" alt="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)"></a>
            <div>
              <p><span class="price">￥6988.00</span><a href="file:///C:/Users/zhang/OneDrive/boot/xz/product_details.html?lid=1" class="title" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a></p>
              <div>
                <span class="reduc lf">-</span><input type="text" value="1" class="lf"><span class="add lf">+</span>
                <div class="addcart">
                  加入购物车
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card mb-4 box-shadow">
              <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_164c6450fb2%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_164c6450fb2%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.7265625%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true" style="height: 225px; width: 100%; display: block;">
              <div class="card-body">
                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                <div class="d-flex justify-content-between align-items-center">
                  <div class="btn-group">
                    <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                  </div>
                  <small class="text-muted">9 mins</small>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card mb-4 box-shadow">
              <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22348%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20348%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_164c6450fb4%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A17pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_164c6450fb4%22%3E%3Crect%20width%3D%22348%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22116.7265625%22%20y%3D%22120.3%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true" style="height: 225px; width: 100%; display: block;">
              <div class="card-body">
                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                <div class="d-flex justify-content-between align-items-center">
                  <div class="btn-group">
                    <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                  </div>
                  <small class="text-muted">9 mins</small>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-3 pl-0">
        <h5 class="justify-content-between align-items-center mb-1 text-muted p-2">
          <img src="./Document_files/foodstore_icon2.png" alt=""> 商家公告
        </h5>
        <div class="bg-white small p-4 text-muted mb-3">
          <p>本店推出全网最低价套餐，保证比其他平台的价格要低！</p>
          <p>不要葱、姜、蒜等这些忌口暂时无法坐不了，敬请谅解！</p>
          <p>晚上10点以后订餐需另加送餐费2元！谢谢合作！</p>
        </div>
        <ul id="cart" class="list-group mb-3">
        <!-- <ul id="cart" class="list-group mb-3 position-fixed"> -->
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <h6 class="w-100 d-flex justify-content-between align-items-center mb-0 text-muted p-2 "> 购物车<a class="btn btn-link text-muted" href="file:///C:/Users/zhang/OneDrive/boot/xz/products.html#">清空</a>
            </h6>
          </li>
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <div class="input-group input-group-sm mt-1 mb-1">
              <div class="input-group-prepend">
                <span class="input-group-text text-truncate bg-white p-1 border-0 d-inline-block" title="戴尔DELL灵越游匣15PR-5645B 15.6英寸游戏笔记本电脑(i5-7300HQ 8G 128GSSD+1T GTX1050 4G独显 FHD)黑">戴尔DELL灵越游匣15PR-5645B 15.6英寸游戏笔记本电脑(i5-7300HQ 8G 128GSSD+1T GTX1050 4G独显 FHD)黑</span>
                <button class="btn btn-outline-secondary p-0" type="button">-</button>
              </div>
              <input type="text" class="form-control p-1" aria-label="Small" value="10" aria-describedby="inputGroup-sizing-sm">
              <div class="input-group-append">
                <button class="btn btn-outline-secondary p-0" type="button">+</button>
                <span class="input-group-text bg-white border-0 p-0 pl-1">¥59990.00</span>
              </div>
            </div>
          </li>
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <div class="input-group input-group-sm mt-1 mb-1">
              <div class="input-group-prepend">
                <span class="input-group-text text-truncate bg-white p-1 border-0 d-inline-block" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/256GB SSD闪存 MMGG2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/256GB SSD闪存 MMGG2CH/A)</span>
                <button class="btn btn-outline-secondary p-0" type="button">-</button>
              </div>
              <input type="text" class="form-control p-1" aria-label="Small" value="10" aria-describedby="inputGroup-sizing-sm">
              <div class="input-group-append">
                <button class="btn btn-outline-secondary p-0" type="button">+</button>
                <span class="input-group-text bg-white border-0 p-0 pl-1">¥69880.00</span>
              </div>
            </div>
          </li>
          <li class="p-0 list-group-item bg-secondary text-right">
            <img class="mb-2" src="./Document_files/foodstore_car_2.png" alt="">
            <h4 class="d-inline-block text-white pt-2 m-0">￥129870.00</h4>
            <a class="btn btn-lg btn-primary float-right ml-1 pl-0 pr-0" href="file:///C:/Users/zhang/OneDrive/boot/xz/cart.html">去结算</a>
          </li>
        </ul>
      </div>
  </div>
  </main>
  <footer id="footer" class="container"></footer>
  <script src="./Document_files/jquery-3.2.1.js.下载"></script>
  <script src="./Document_files/bootstrap.js.下载"></script>

</body></html>